<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="../css/shou-cpjs.css">
    <title>Title</title>
</head>
<body>
    <!-- 头部 -->
    <header>
        <div>
            <p>LOGO</p>
            <ul>
                <li><a href="sy.html" >HOME</a></li>
                <li><a href="shou-cpjs.html"class="active1" >PRODUCTS</a></li>
                <li><a href="gywm.html">ABOUT US</a></li>
                <li><a href="lxwm.html">CONTACT</a></li>
            </ul>
            <p>REGISTERISING IN</p>
        </div>
    </header>
    <!-- banner部分 -->
    <div class="section1">
        <img src="../轮胎切图/关于我们/轮胎-关于我们_03.jpg" alt="">
    </div>
    <!-- banner下的字 -->
    <div class="section2">
        <div>
            <p>Products</p>
            <p>Your location: Home ></p>
        </div>
    </div>
    <section>
        <!-- 带搜索部分 -->
        <div class="section3">
            <ul>
                <li>More</li>
                <li>Tyres</li>
                <li>Tyre Equipment</li>
            </ul>
            <div>
                <input type="text" placeholder="Search here...">
                <img src="../img/轮胎切图/产品介绍/Search.png" alt="">
            </div>
            <p style="clear: both"></p>
        </div>
        <!-- 轮胎部分 -->
        <div class="section4">
            <div>
                <img src="../轮胎切图/产品详情页/图层6副本.png" alt="">
                <p id="tj">
                    <span>+</span>
                </p>
                <li><span>LM110</span><img src="../轮胎切图/产品介绍/矢量智能对象.png" alt=""></li>
            </div>
            <div>
                <img src="../轮胎切图/产品详情页/图层7副本.png" alt="">
                <li><span>LM115</span><img src="../轮胎切图/产品介绍/矢量智能对象.png" alt=""></li>
            </div>
            <div>
                <img src="../轮胎切图/产品详情页/图层8副本.png" alt="">
                <li><span>LM116</span><img src="../轮胎切图/产品介绍/矢量智能对象.png" alt=""></li>
            </div>
        </div>
        <div class="section4">
            <div>
                <img src="../轮胎切图/产品详情页/图层6副本.png" alt="">
                <li><span>LM110</span><img src="../轮胎切图/产品介绍/矢量智能对象.png" alt=""></li>
            </div>
            <div>
                <img src="../轮胎切图/产品详情页/图层7副本.png" alt="">
                <li><span>LM115</span><img src="../轮胎切图/产品介绍/矢量智能对象.png" alt=""></li>
            </div>
            <div>
                <img src="../轮胎切图/产品详情页/图层8副本.png" alt="">
                <li><span>LM116</span><img src="../img/轮胎切图/产品介绍/矢量智能对象.png" alt=""></li>
            </div>
        </div>
        <!-- 翻页部分 -->
        <div class="section5">
            <ul>
                <li><img src="../轮胎切图/产品介绍/形状1.png" alt=""></li>
                <li>1</li>
                <li>2</li>
                <li>3</li>
                <li><img src="../轮胎切图/产品介绍/形状1副本.png" alt=""></li>
            </ul>
        </div>
    </section>
    <!-- 底部 -->
    <footer>
        &copy; SpiderGTLongmarch Tyre &copy; 2017.All Rights Reserved.
    </footer>
  <script>
  	tj.onclick=function(){
			location.href="lyf.html"
		}
  </script>
</body>
</html>